<template>
	<div class="agreement-detail">
		<div class="detail-title">
			{{ protocolDetail.protocolName }}
		</div>
		<div class="detail-content" v-html="protocolDetail.protocolContent"></div>
	</div>
</template>

<script>
import { mapGetters } from 'vuex'
import { protocolGetById } from '@/api/manageApi'
export default {
	data() {
		return {
			protocolArr: [],
			protocolDetail: {}
		}
	},
	computed: {
		...mapGetters(['userInfo', 'uniToken'])
	},
	onLoad(option) {
		this.getprotocolDetail(option.id)
	},
	methods: {
		search () {},
		getprotocolDetail (id) {
			var params = {
        id: id
      }
			protocolGetById(params).then(res => {
				// console.log(res)
				if (res.code == '200') {
					var data = res.data
					this.protocolDetail = data
				}
			})
		}
	}
}
</script>

<style lang="scss">
.agreement-detail{
    width: 702rpx;
    margin: 0 auto;
    position: relative;
    .detail-title{
      width: 100%;
      height: 108rpx;
      border-radius: 25rpx 25rpx 0rpx 0rpx;
      opacity: 0.9;
      line-height: 108rpx;
      text-align: center;
      font-weight: 500;
      font-size: 32rpx;
      color: #1E1E1E;
      background: url('../static/private1.png') no-repeat 0 0;
      background-size: cover;
    }
    .detail-item{
      width: 100%;
      background: #FFFFFF;
      padding: 35rpx 28rpx;
      box-sizing: border-box;
      position: relative;
      border-bottom: 2px solid #F2F2F2;
      h2{
        font-weight: 500;
        font-size: 30rpx;
        color: #1E1E1E;
        margin-bottom: 30rpx;
      }
      p{
        font-size: 28rpx;
        color: #838383;
        line-height: 60rpx;
        span{
          margin-left: 49rpx;
        }
      }
    }
    .picon-1{
      width: 229rpx;
      height: 226rpx;
      background: url('../static/private2.png') no-repeat 0 0;
      background-size: cover;
      display: inline-block;
      position: absolute;
      right: 44rpx;
      top: 546rpx;
    }
    .detail-content{
      font-size: 26rpx;
      color: #1E1E1E;
      line-height: 44rpx;
      padding: 38rpx 29rpx;
      background: #fff;
    }
  }
</style>
